<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>Jingit</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">

		<!--标准mui.css-->
		<link rel="stylesheet" href="css/mui.min.css">
		<!--App自定义的css-->
		<link rel="stylesheet" type="text/css" href="css/app.css" /> l
		<link rel="stylesheet" type="text/css" href="css/mui.picker.all.css" />
		<script type="text/javascript" src="js/jquery-2.1.0.js"></script>
	</head>

	<body>

		<header class="mui-bar mui-bar-nav">
			<h1 class="mui-title">采集</h1>
			<button id="btn-publish-task">发布</button>
		</header>
		<nav class="mui-bar mui-bar-tab">
			<a class="mui-tab-item mui-active" href="#tb-publish-task">
				<span class="mui-icon mui-icon-home"></span>
				<span class="mui-tab-label">发布任务</span>
			</a>
			<a class="mui-tab-item" href="#tb-task-list">
				<span class="mui-icon mui-icon-email"></span>
				<span class="mui-tab-label">任务列表</span>
			</a>
			<a class="mui-tab-item" href="#tb-my-settings">
				<span class="mui-icon mui-icon-gear"></span>
				<span class="mui-tab-label">我的设置</span>
			</a>
		</nav>
		<div class="mui-content">
			<div id="tb-publish-task" class="mui-control-content mui-active">
				<div class="app-margin-top-bottom">
					<h5 style="padding-top: 10px;">标题：</h5>
					<div>
						<input type="text" id="i_title">
					</div>
				</div>
				<div class="app-margin-top-bottom">
					<h5 style="padding-top: 10px;">数据库名：</h5>
					<div>
						<input type="text" id="i_dbName">
					</div>
				</div>
				<div class="app-margin-top-bottom">
					<h5 style="padding-top: 10px;">数据表名：</h5>
					<div>
						<input type="text" id="i_collName">
					</div>
				</div>

				<div id="id-publish-weeks" class="app-margin-top-bottom">
					<h5>定时：</h5>
					<label><input id="week-0" class="weeek" name="everyday" type="checkbox" value="0" checked />每天 </label>
					<label><input id="week-1" class="weeek" name="sunday" type="checkbox" value="1" />周日 </label>
					<label><input id="week-2" class="weeek" name="monday" type="checkbox" value="2" />周一 </label>
					<label><input id="week-3" class="weeek" name="tuesday" type="checkbox" value="3" />周二</label>
					<label><input id="week-4" class="weeek" name="wednesday" type="checkbox" value="4" />周三</label>
					<label><input id="week-5" class="weeek" name="thursday" type="checkbox" value="5" />周四</label>
					<label><input id="week-6" class="weeek" name="friday" type="checkbox" value="6" />周五</label>
					<label><input id="week-7" class="weeek" name="saturday" type="checkbox" value="7" />周六</label>
					<button id='btn_time' data-options='{"type":"time"}' class="btn mui-btn mui-btn-block">定时时间</button>
					<button id='btn_date' data-options='{"type":"date"}' class="btn mui-btn mui-btn-block">过期日期</button>
				</div>
				<div class="app-margin-publish">
					<h5>优先级：</h5>
					<div id="id-publish-priority" class="mui-card-custom">
						<div class="mui-input-row mui-radio mui-left">
							<label>低</label>
							<input name="radio1" type="radio" checked value="0">
						</div>
						<div class="mui-input-row mui-radio mui-left">
							<label>中</label>
							<input name="radio1" type="radio" value="1">
						</div>
						<div class="mui-input-row mui-radio mui-left">
							<label>高</label>
							<input name="radio1" type="radio" value="2">
						</div>
						<div class="mui-input-row mui-radio mui-left">
							<label>最高</label>
							<input name="radio1" type="radio" value="3">
						</div>

					</div>
				</div>

				<div class="app-margin-publish">
					<h5>采集类型：</h5>
					<div id="id-publish-type" class="mui-card-custom">
						<div class="mui-input-row mui-radio mui-left">
							<label>搜索</label>
							<input name="radio2" type="radio" checked value="0">
						</div>
						<div class="mui-input-row mui-radio mui-left">
							<label>自定义</label>
							<input name="radio2" type="radio" value="1">
						</div>
					</div>
				</div>
				<!--发布内容-->
				<div class="app-margin-top-bottom">
					<h5>采集内容：</h5>
					<div class="mui-input-row">
						<textarea id="ta_content" rows="10" placeholder="采集内容/脚本"></textarea>
					</div>
				</div>
				<div class="app-margin-top-bottom">
					<h5>Cookie：</h5>
					<div class="mui-input-row">
						<textarea id="ta_cookie" rows="10" placeholder="cookie"></textarea>
					</div>
				</div>
			</div>
			<div id="tb-task-list" class="mui-control-content">
				<div class="mui-content">
					<div id="slider" class="mui-slider">
						<div id="sliderSegmentedControl" class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
							<a class="mui-control-item" href="#item-finished">
								已完成
							</a>
							<a class="mui-control-item" href="#item-running">
								运行中
							</a>
							<a class="mui-control-item" href="#item-failed">
								失败的
							</a>
						</div>
						<div id="sliderProgressBar" class="mui-slider-progress-bar mui-col-xs-4"></div>
						<div class="mui-slider-group">
							<div id="item-finished" class="mui-slider-item mui-control-content mui-active">
								<div id="scroll1" class="mui-scroll-wrapper">
									<div class="mui-scroll">
										<div class="mui-loading">
											<div class="mui-spinner">
											</div>
										</div>
									</div>
								</div>
							</div>
							<div id="item-running" class="mui-slider-item mui-control-content">
								<div id="scroll2" class="mui-scroll-wrapper">
									<div class="mui-scroll">
										<div class="mui-loading">
											<div class="mui-spinner">
											</div>
										</div>
									</div>
								</div>

							</div>
							<div id="item-failed" class="mui-slider-item mui-control-content">
								<div id="scroll3" class="mui-scroll-wrapper">
									<div class="mui-scroll">
										<div class="mui-loading">
											<div class="mui-spinner">
											</div>
										</div>
									</div>
								</div>

							</div>
						</div>
					</div>
				</div>
			</div>
			<div id="tb-my-settings" class="mui-control-content">
				<form>
					<ul class="mui-table-view">

						<li class="mui-table-view-cell mui-collapse">

							<span>消息通知</span>
							<div class="mui-switch mui-switch-mini mui-active ">
								<div class="mui-switch-handle"></div>
							</div>

						</li>
						<li class="mui-table-view-cell mui-collapse">

							<a class="mui-navigate-right" href="#">代理设置</a>
							<div class="mui-collapse-content">
								<div>
									<textarea id="textarea" rows="30" placeholder="ip adress"></textarea>
								</div>
								<button class="mui-btn mui-btn-primary app-margin-top-bottom" type="button" onclick="return false;">确认</button>&nbsp;&nbsp;
								<button class="mui-btn mui-btn-primary" type="button" onclick="return false;">取消</button>
							</div>
						</li>
					</ul>
				</form>
			</div>
		</div>
	</body>

	<script src="js/base.js"></script>
	<script src="js/mui.min.js"></script>
	<script>
		mui.init({
			swipeBack: true
		});
	</script>
	<script type="text/javascript" src="js/mytask-list.js"></script>
	<script type="text/javascript" src="js/mytask-publish.js"></script>
	<script type="text/javascript" src="js/mytask-settings.js"></script>
	<script type="text/javascript" src="js/mui.picker.all.js"></script>

</html>